<template>
    <!-- 倒计时组件   duration 倒计时时间 on-finish到时间了触发的函数  active开始和暂停时间-->
    <!-- 考虑页面刷新对考试的影响------时间保存到本地 -->
   <n-countdown :duration=time :active="active" :on-finish="TimeOut"/>
    <!-- <button @click="StopTiming()" >aaa</button> -->
</template>

<script setup>

import { onMounted, ref } from 'vue';
//接收父组件传来的时间
const props = defineProps(['time'])
//自定义事件
const emit = defineEmits(['sendTimeOut'])
//倒计时时间
const time = props.time


//是否开始计时
const active = ref(false)
onMounted(()=>{

    //开始计时
    active.value = true
})

// 倒计时结束后自动触发
function TimeOut(){
    //通知父组件计时结束
    emit('sendTimeOut',StopTiming())
    
}
// 停止考试
function StopTiming(){
    active.value= false
    console.log("时间结束");
    
}



</script>

<style scoped>

</style>